<template>
 <div class="main">
    <router-view class="box"/>
    <TabBar/>
 </div>
</template>

<script setup>
import TabBar from './components/tabbar.vue'

</script>

<style lang="scss" scoped>
.main {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow:hidden;
    .box {
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto; 
    }
}    
</style>